/**
 * Created by xinguoren on 15-4-16.
 */


(function ($) {


    var userAgent = (navigator.userAgent);
    function preview1(file) {
        if (/Firefox/i.test(userAgent)) { // preview1 仅支持Firefox浏览器
            $('#previewPic').attr("src", URL.createObjectURL(file))
            /*  var img = new Image();
             var url = img.src = URL.createObjectURL(file);
             var $img = $(img)
             img.onload = function () {
             URL.revokeObjectURL(url)
             $('#preview').empty().append($img)
             }*/
        } else {
            preview2(file);
        }
    }

    function preview2(file) { // preview2 适用于支持html5的所有浏览器
        var reader = new FileReader();
        reader.onload = function (e) {
            $('#previewPic').attr("src", e.target.result)
        }
        reader.readAsDataURL(file)
    }
    
    $('#previewPic').on("click", function () {
        $("#pictureFile").trigger("click");
    });
    $('#pictureFile').on("change", function (e) {
        var file = e.target.files[0]
        preview1(file)
    })

})(jQuery)

//使用IE条件注释来判断是否IE6，通过判断userAgent不一定准确
//  if (document.all) document.write('<!--[if lte IE 6]><script type="text/javascript">window.ie6= true<\/script><![endif]-->');
// var ie6 = /msie 6/i.test(navigator.userAgent);//不推荐，有些系统的ie6 userAgent会是IE7或者IE8
function change(picId,fileId) {
    var pic = document.getElementById(picId);
    var file = document.getElementById(fileId);
    if(window.FileReader){//chrome,firefox7+,opera,IE10,IE9，IE9也可以用滤镜来实现
        oFReader = new FileReader();
        oFReader.readAsDataURL(file.files[0]);
        oFReader.onload = function (oFREvent) {pic.src = oFREvent.target.result;};
    }
    else if (document.all) {//IE8-
        file.select();
        var reallocalpath = document.selection.createRange().text//IE下获取实际的本地文件路径
        if (window.ie6) pic.src = reallocalpath; //IE6浏览器设置img的src为本地路径可以直接显示图片
        else { //非IE6版本的IE由于安全问题直接设置img的src无法显示本地图片，但是可以通过滤镜来实现，IE10浏览器不支持滤镜，需要用FileReader来实现，所以注意判断FileReader先
            pic.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image',src=\"" + reallocalpath + "\")";
            pic.src = '';//设置img的src为base64编码的透明图片，要不会显示红xx
        }
    }
    else if (file.files) {//firefox6-
        if (file.files.item(0)) {
            url = file.files.item(0).getAsDataURL();
            pic.src = url;
        }
    }
}